<template>
  <section class="p-18">
    <a-form v-if="data" class="inline-form">
      <a-row type="flex" :gutter="16" style="margin-right: 0; padding-right: 4px">
        <a-col :span="8">
          <a-form-item label="营业时间:"
            >{{ data.openingTime }}-{{ data.closingTime }}（{{
              data.isOpenTwentyfourHours ? '24小时营业' : '按时营业'
            }}）</a-form-item
          >
        </a-col>
        <a-col :span="8">
          <a-form-item label="提前预定时间:">{{ data.aheadHour }}小时</a-form-item>
        </a-col>
        <a-col :span="8">
          <a-form-item label="夜间服务时间:">{{ data.nightFeeStartTime }}-{{ data.nightFeeEndTime }}</a-form-item>
        </a-col>
        <a-col :span="8">
          <a-form-item label="夜间取车服务费:">¥{{ data.nightFeePickupCharge }}</a-form-item>
        </a-col>
        <a-col :span="8">
          <a-form-item label="夜间还车服务费:">¥{{ data.nightFeeReturnCharge }}</a-form-item>
        </a-col>
        <a-col :span="8">
          <a-form-item label="最大提前预定时间:">{{ data.maxBookWeek }}周</a-form-item>
        </a-col>
        <!-- <a-col :span="8">
          <a-form-item label="儿童座椅库存:">{{data.childSeat}}把</a-form-item>
        </a-col> -->
      </a-row>
    </a-form>
  </section>
</template>

<script>
export default {
  components: {},
  props: {
    data: {
      type: Object,
      default: () => ({}),
    },
  },
  data() {
    return {
      data:this.data
    }
  },
  computed: {},
  watch: {},
  created() {
      console.log(this.data);
  },
  mounted() {},
  destroyed() {},
  methods: {},
}
</script>
<style scoped lang='less'>
</style>
